<template>
	
	<view class="">
		
		<view v-if="props.cur === 0" class="itemList">
			<view class="itemLeft">
				<text class="syLabel">{{item?.source}}</text> 
				<text class="syTime">{{item?.createTime}}</text> 
			</view>
			<view class="">
				<text class="syNum">+{{item?.score}}</text>
			</view>
		</view>
		
		<view v-else-if="props.cur === 1" class="itemWrap">
			<view class="itemTopWrap">
				<view class="">
					<image class="userImg" src="../../../../static/img/blue.png" mode=""></image>
				</view>
				<view class="itemRight">
					<view class="biaoti">
						<text style="color:#fff">{{props.cur}}test</text>
						<text class="label">{{props.item?.appUser?.userName}}</text>
						<TeamTag :partnerLevel="props.item?.partnerLevel"/>
					</view>
					<view class="zhiWrap">
						<text class="time">{{props.item?.appUser?.createTime}}</text>
					</view>
				</view>
			</view>
			
		</view>
		
	</view>
	
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import NavBar from '@/components/navBar.vue';
	import TeamTag from './teamTag.vue';
	

	const props = defineProps({
			item:{
				type:Object
			},
			cur:{
				type:Number
			}
		})
	
</script>

<style lang="scss" scoped>
	.itemWrap{
		border-radius: 24rpx;
		margin-bottom: 36rpx;
		
		.itemTopWrap{
			display: flex;
			align-items: center;
		}
		
		.zhiWrap{
			display: flex;
			margin-top: 8rpx;
		}
		
		.userImg{
			width: 96rpx;
			height: 96rpx;
			background: #D9D9D9;
			border-radius: 48rpx 48rpx 48rpx 48rpx;
		}
	}
	
	.itemRight{
		flex:1;
		display: flex;
		align-items: center;
		margin-left: 12rpx;
	}
	
	.biaoti{
		flex:1;
	}
	
	.label{
		font-size: 32rpx;
		color: #fff;
		font-weight: bold;
	}
	
	.status{
		font-size: 24rpx;
		color: #8C8C8C;
	}
	
	.time{
		font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
		font-weight: normal;
		font-size: 24rpx;
		color: rgba(255,255,255,0.6);
	}
	
	
	
	.itemList {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 24rpx;
	
		.itemLeft {
			display: flex;
			flex-direction: column;
		}
	
		.syLabel {
			font-family: Alibaba PuHuiTi 2, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 28rpx;
			color: #ffffff;
		}
	
		.syTime {
			font-family: Alibaba PuHuiTi 2, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 24rpx;
			color: rgba(255, 255, 255, 0.6);
			margin-top: 8rpx;
		}
		.syNum {
			font-family: Alibaba PuHuiTi 2, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 32rpx;
			color: #ffffff;
		}
	}
	
</style>